<!DOCTYPE html>
<html
  lang="en"
  dir="ltr"
  itemscope
  itemtype="https://schema.org/WebPage"
  prefix="og:http://ogp.me/ns#"
>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <title>HTML Template</title>

    <link rel="canonical" href="https://moderntemplate.site/" />
    <link rel="amphtml" href="https://moderntemplate.site/amp/index.html" />
    <link rel="icon" type="image/png" href="./img/icons/64x64.png" />
    <link rel="manifest" href="./manifest.json" />

    <!-- General -->
    <meta name="application-name" content="HTML Template" />
    <meta name="author" content="Igor Agapov" />
    <meta name="description" content="Modern HTML Starter Template" />
    <meta
      name="keywords"
      content="modern, useful, html, html5, css, css3, javascript, js, template, boilerplate"
    />
    <meta name="referrer" content="strict-origin" />

    <meta itemprop="name" content="HTML Template" />
    <meta itemprop="description" content="Modern HTML Starter Template" />
    <meta itemprop="image" content="./img/icons/128x128.png" />

    <!-- Microsoft -->
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <meta name="msapplication-starturl" content="/" />
    <meta name="msapplication-tooltip" content="Modern HTML Starter Template" />
    <meta name="msapplication-TileColor" content="#3c3c3c" />
    <meta name="msapplication-config" content="browserconfig.xml" />

    <!-- Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://moderntemplate.site/" />
    <meta property="og:title" content="HTML Template" />
    <meta property="og:description" content="Modern HTML Starter Template" />
    <meta property="og:image" content="./img/icons/600x600.png" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter -->
    <meta name="twitter:card" content="app" />
    <meta name="twitter:title" content="HTML Template" />
    <meta name="twitter:description" content="Modern HTML Starter Template" />
    <meta name="twitter:url" content="https://moderntemplate.site/" />
    <meta name="twitter:image" content="./img/icons/512x512.png" />

    <!-- iOS -->
    <meta name="apple-mobile-web-app-title" content="HTML Template" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="#3c3c3c" />
    <link rel="apple-touch-icon" href="./img/icons/512x512.png" />

    <!-- Android -->
    <meta name="theme-color" content="#f0f0f0" />
    <meta name="color-scheme" content="light" />
    <meta name="mobile-web-app-capable" content="yes" />

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=G-R2QPPP7JDN"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || []
      function gtag() {
        dataLayer.push(arguments)
      }
      gtag('js', new Date())

      gtag('config', 'G-R2QPPP7JDN')
    </script>

    <!-- Yandex Verification Tag -->
    <meta name="yandex-verification" content="b13109f17dd8ecd6" />
    <!-- Yandex.Metrika counter -->
    <script>
      ;(function (m, e, t, r, i, k, a) {
        m[i] =
          m[i] ||
          function () {
            ;(m[i].a = m[i].a || []).push(arguments)
          }
        m[i].l = 1 * new Date()
        ;(k = e.createElement(t)),
          (a = e.getElementsByTagName(t)[0]),
          (k.async = 1),
          (k.src = r),
          a.parentNode.insertBefore(k, a)
      })(
        window,
        document,
        'script',
        'https://mc.yandex.ru/metrika/tag.js',
        'ym'
      )

      ym(69418261, 'init', {
        clickmap: true,
        trackLinks: true,
        accurateTrackBounce: true
      })
    </script>
    <noscript>
      <div>
        <img
          src="https://mc.yandex.ru/watch/69418261"
          style="position: absolute; left: -9999px"
          alt=""
        />
      </div>
    </noscript>

    <meta
      name="wmail-verification"
      content="4465872f0dcae357d9650bcc40f3e169"
    />

    <!-- JSON-LD -->
    <script type="application/ld+json">
      {
        "@context": "http://schema.org",
        "@type": "Webpage",
        "url": "https://moderntemplate.site",
        "name": "HTML Template",
        "headline": "HTML Template",
        "description": "Modern HTML Starter Template",
        "mainEntityOfPage": {
          "@type": "WebPage",
          "@id": "https://moderntemplate.site"
        },
        "publisher": {
          "@type": "Person",
          "name": "Igor Agapov"
        },
        "image": {
          "@type": "ImageObject",
          "url": "./img/logo.png",
          "width": 1200,
          "height": 680
        },
        "datePublished": "2020-12-12",
        "keywords": "modern, useful, html, html5, css, css3, javascript, js, template, boilerplate"
      }
    </script>

    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <link
      href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap"
      rel="stylesheet"
    />

    <link rel="preload" href="./src/css/style.css" as="style" />
    <link rel="stylesheet" href="./src/css/style.css" />

    <link rel="preload" href="./src/js/script.js" as="script" />

    <style>
      /* Critical CSS */
    </style>
  </head>

  <body>
    <!-- HTML5 -->
    <header>
      <h1>
        Modern HTML <br />
        Starter Template
      </h1>
      <nav>
        <a
          href="https://github.com/harryheman/Modern-HTML-Starter-Template"
          target="_blank"
          rel="noopener noreferrer"
        >
          GitHub
        </a>
      </nav>
      <time></time>
    </header>

    <main></main>

    <footer>
      <p>
        &copy; 2020. All rights reserved
        <a href="https://github.com/harryheman" target="_blank" rel="noopener">
          Igor Agapov
        </a>
      </p>
      <p>Licensed under MIT</p>
    </footer>

    <script src="./src/js/script.js" type="module"></script>
    <script src="./sw-register.js"></script>
  </body>
</html>
